<style>
/* CSS Document */
.polje_item{
	display:block;
	float:left;
	clear:both;
	width:600px;
}
.polje_item:hover{
	background:Highlight;
	color:HighlightText;
}
.polje_item:hover .item_tools a img{
	background:#fff;
}
.polje_item:hover input:disabled{
	background:Highlight;
	color:HighlightText;
	text-decoration:none;
}
.main_body{
	float:left;
	width:800px;
}
#top_tools{
	display:block;
	float:right;
	clear:right;
}
.top_menu{
	display:block;
	float:left;
	width:100%;
}
div.polje_legend{
	width:100%;
	display:block;
	float:left;
	clear:both;
	text-align:center;
	border-bottom:3px double #000;
	padding-bottom:2px;
	margin-bottom:2px;
}
div.legend_polje_item_id,
div.legend_polje_item{
	display:block;
	float:left;
	clear:none;
	font-size:13px;
	font-weight:bold;
	margin-left:3px;
}
div.legend_polje_item{width:140px;}
div.legend_polje_item_id{width:50px;}
input:disabled{
	background-color:#efecb3;
	border:none;
	color:#555;
	cursor:default;
}
.item_tools{
	width:140px;
	display:block;
	float:right;
	text-align:center;
	margin:5px 30px 0px 0px;	
}
.item_tools a{
	padding:0px;
	margin:0px 3px;
}
.item_tools a img{
	border:none;
	padding:2px;
}
.item_tools a:hover img{
	background:#fff;
}
#top_izvestaj{
	color:#999999;
	font-size:78%;
}
</style>
<div class="main_body">
<div class="top_menu">
	<div class="kategorija_listbox"></div>
	<div class="top_navigacija">
		<span id="top_izvestaj" name="top_izvestaj">{{$top_izvestaj}}</span>Nađeno je {{$broj_polja}} unosa na {{$broj_strana}} &nbsp;strana. {{$link_pocetno}} {{$link_prethodno}} {{$link_strane}} {{$link_sledece}} {{$link_poslednje}} 
	</div>
	
	<div id="top_tools">
	<input type="button" onclick="new_Mere()" value="Dodaj polje" />
	<input type="hidden" value="{{$broj_polja_na_strani}}" id="broj_polja_na_strani" />
	</div>
</div><br clear="all" />
<!------------NEW START--------------------->
<form class="area" id="jed_new" style="display:none;">
	<div class="jed_item">
		&nbsp;<input id="jed_ime_new" type="text" value="" onchange="" />
		&nbsp;<input id="jed_ime_s_new" type="text" value="" onchange="" />
		<br class="all" />
		<a id="save_{{$jed_id}}" href="javascript:void(0);" onclick="add_Mere();" title="kliknite da sačuvate nov unos 'jed_ime_new'">Sačuvaj</a>
	</div>
</form>
<!-------------NEW END-------------------->
<form class="area" id="glavnaForma">
<div class="polje_legend">
	<div class="legend_polje_item_id">ID</div>
	<div class="legend_polje_item">Jedinica mere </div>
	<div class="legend_polje_item">Skraćenica</div>
	<div class="legend_polje_item">Operacija</div>
</div>
<div id="polje_lista">
	{{%loop start jed_id}}
<div class="polje_item" title="{{$jed_ime}} - {{$jed_ime_en}}">
	<input type="hidden" value="{{$jed_id}}" id="jed_id_{{$jed_id}}" />
	<input type="hidden" id="r_{{$jed_id}}" value="0" />
	<input name="text" type="text" disabled="disabled" style="width:40px; text-align:center" value="{{$jed_id}}" />
	<input id="jed_ime_{{$jed_id}}" type="text" disabled="disabled" value="{{$jed_ime}}" title="{{$jed_ime}}" onchange="" />
	<input id="jed_ime_s_{{$jed_id}}" type="text" disabled="disabled" title="{{$jed_ime_s}}" onchange="" value="{{$jed_ime_s}}" />
	<div class="item_tools">
		<a id="edit_{{$jed_id}}" href="javascript:void(0);" onclick="changeEdit_Mere('{{$jed_id}}');" title="kliknite za izmenu polja {{$jed_ime}}" >
			<img src="gui/icons/edit.gif" alt="" />
		</a>
		<a id="save_{{$jed_id}}" href="javascript:void(0);" onclick="saveChanges_Mere('{{$jed_id}}');" title="kliknite da sačuvate izmene na polju {{$jed_ime}}" style="visibility:hidden;">
			<img src="gui/icons/save.gif" alt="" />
		</a>
		<a id="delete_{{$jed_id}}" href="javascript:void(0);" onclick="del_Mere('{{$jed_id}}');" title="kliknite da izbrišete polje {{$jed_ime}}" style="visibility:hidden;">
			<img src="gui/icons/delete_14.gif" alt="" />
		</a>
	</div>
</div>
	{{%loop end}}
</div>
</form>